<template>
  <div class="header">
      <img src="@/assets/home_03.jpg" alt="" class="logo" />
      <a @click.prevent="fn()" href="">
        <div class="search">
          <img src="@/assets/home_07.jpg" alt="" />
          <span>请输入关键词、淘口令以搜索优惠卷</span>
        </div>
      </a>
  </div>
</template>

<script>
export default {
  methods:{
    fn(){
      this.$router.push('/sou')
    }
  }
}
</script>

<style scoped>
.header {
  border-bottom: 1px solid #e8e8e8;
}
.logo {
  width: 68rem;
  height: 24rem;
  display: block;
  margin: 20rem auto;
}
a {
  margin: 0 auto;
  display: block;
  width: 330rem;
}
.search {
  width: 330rem;
  height: 32rem;
  padding-left: 16rem;
  background: #ebeff2;
  border-radius: 16rem;
  display: block;
  margin-bottom: 8rem;
}
.search img {
  width: 16rem;
  height: 16rem;
  vertical-align: middle;
  margin-right: 6rem;
}
.search span {
  line-height: 32rem;
  font-size: 12rem;
  color: #94989b;
  vertical-align: middle;
}
</style>